<template>
  <!-- <div ref="dataScreenRef" style="width: 100%;height: 100%;min-height: 1080px;transform-origin: left top;"> -->
  <router-view />
  <!-- </div> -->
</template>
<script setup>
window.addEventListener("mousewheel", function (event) {
  if (event.ctrlKey === true || event.metaKey) { event.preventDefault(); }
}, { passive: false })
// import { onMounted } from 'vue'
// const dataScreenRef = ref()
// onMounted(() => {
//   if (dataScreenRef.value) {
//     dataScreenRef.value.style.transform = `scaleX(${getScale().x}) scaleY(${getScale().y})`;
//     dataScreenRef.value.style.width = `1920px`;
//     dataScreenRef.value.style.height = `1080px`;
//   }
//   window.addEventListener("resize", resize);
// })

// const getScale = (width = 1920, height = 1080) => {
//   let ww = window.innerWidth / width;
//   let wh = window.innerHeight / height;
//   return {
//     x: ww,
//     y: wh
//   }
// };

// const resize = () => {
//   if (dataScreenRef.value) {
//     dataScreenRef.value.style.transform = `scaleX(${getScale().x}) scaleY(${getScale().y})`;
//   }
// }
</script>